<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/style/shdz.css"/>
		<link rel="stylesheet" type="text/css" href="../bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/iscroll.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/iscroll-probe.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/angular.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="big">
			<header>
				<div>
					<a href="首页.html" class="glyphicon glyphicon-menu-left"></a>
				</div>
				<div>
					管理收货地址
				</div>
				<div>
					<button id="add" class="btn btn-info" disabled="disabled">Add</button>
				</div>
			</header>
			
			
			<main>
				
				<div>
					<ul id="addList">
						<li>
							<a id="sheng">省/市/区</a>
							<ul id="sss">
								
							</ul>
							<ul id="ss">
								
							</ul>
							<ul id="s">
								
							</ul>
						</li>
						<li>
							<input type="text" placeholder="请输入收货人姓名" id="xm"/>
							<span class="glyphicon glyphicon-menu-right"></span>
						</li>
						<li>
							<input type="text" placeholder="请输入收货人手机" id="sj"/>
							<span class="glyphicon glyphicon-menu-right"></span>
						</li>
						<li>
							<input type="text" placeholder="请输入收货人地址" id="dz"/>
							<span class="glyphicon glyphicon-menu-right"></span>
						</li>
						
					</ul>
				</div>
					
			</main>
			
			
			
			<footer>
				新增收货地址
			</footer>
		</div>
	<!--收货地址添加完成-->
	<!--<ul id="list">
		<li>
			<div>
				<p>
					<span>收货人:</span>
					<span>安琪</span>
				</p>
				<p>
					<span>联系方式:</span>
					<span>13345671234</span>
				</p>
				<p>
					<span>收货地址:</span>
					<span>按时来得快就阿斯利康的就可拉伸打开拉啥家里肯定爱睡觉了看到机啊胜利大街拉啥家里肯定静安寺路口的记录卡萨建档立卡阿萨德</span>
				</p>
			</div>
			<div>
				<span class="glyphicon glyphicon-ok"></span>
			</div>
		</li>
	</ul>-->
	
	
	
	<script>
		(function(doc, win){
	        var docEl = doc.documentElement,
	            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
	            recalc = function(){
	                var clientWidth = docEl.clientWidth;
	                if(!clientWidth) return;
	                docEl.style.fontSize = 100 * (clientWidth / 330) + 'px';
	            };
	        if(!doc.addEventListener) return;
	        win.addEventListener(resizeEvt, recalc, false);
	        doc.addEventListener('DOMContentLoaded', recalc, false);
	    })(document, window);
	    
	    var sss = ["北京市","天津市","重庆市","上海市","香港","澳门","河南省","河北省","黑龙江","吉林省","辽宁省","山东省","山西省","陕西省","安徽省","浙江省","湖南省","湖北省","广东省","广西省","江西省","江苏省","贵州省","四川省","海南省","福建省","云南省","宁夏","新疆","西藏","内蒙古","青海省","甘肃省"];
	    var ss = [
	    	['东城','西城','崇文','宣武','朝阳','丰台','石景山','海淀','门头沟','房山','通州','顺义','昌平','大兴','平谷','怀柔','密云','延庆'],
            ['和平', '东丽',  '河东', '西青', '河西', '津南','南开','北辰','河北','武清','红挢','塘沽','汉沽','大港','宁河','静海','宝坻','蓟县'],
            ['万州', '涪陵',  '渝中', '大渡口', '江北', '沙坪坝','九龙坡', '南岸','北碚','万盛', '双挢', '渝北','巴南', '黔江', '长寿', '綦江', '潼南', '铜梁','大足', '荣昌', '壁山','梁平','城口','丰都', '垫江','武隆','忠县', '开县','云阳','奉节', '巫山','巫溪', '石柱', '秀山', '酉阳','彭水','江津','合川','永川','南川'],
	    	['崇明','黄浦', '卢湾', '徐汇', '长宁', '静安', '普陀', '闸北', '虹口', '杨浦', '闵行', '宝山', '嘉定', '浦东', '金山','松江','青浦', '南汇','奉贤','朱家角'],
	    	["港岛","新界","九龙"],
	    	["澳门"],
	    	['郑州','安阳','鹤壁', '潢川', '焦作','济源', '开封','漯河', '洛阳', '南阳', '平顶山','濮阳','三门峡', '商丘', '新乡','信阳', '许昌', '周口', '驻马店'],
	    	['石家庄','保定','北戴河', '沧州', '承德','丰润', '邯郸', '衡水','廊坊', '南戴河', '秦皇岛','唐山', '新城','邢台','张家口',"西戴河","东戴河"],
	    	['哈尔滨','北安','大庆','大兴安岭', '鹤岗','黑河', '佳木斯', '鸡西','牡丹江', '齐齐哈尔','七台河','双鸭山','绥化','伊春'],
	    	['长春','白城','白山', '珲春', '辽源', '梅河', '吉林', '四平','松原', '通化', '延吉'],
	    	['沈阳','鞍山','本溪', '朝阳','大连', '丹东','抚顺','阜新','葫芦岛','锦州','辽阳', '盘锦','铁岭', '营口'],
	    	['济南','滨州','兖州','德州','东营', '菏泽','济宁','莱芜', '聊城','临沂', '蓬莱','青岛', '曲阜', '日照', '泰安','潍坊','威海', '烟台','枣庄','淄博'],
	    	['太原','长治','大同', '候马', '晋城', '离石','临汾', '宁武', '朔州', '忻州', '阳泉', '榆次','运城'],
	    	['西安', '安康','宝鸡','汉中', '渭南', '商州', '绥德', '铜川','咸阳', '延安', '榆林'],
	    	['合肥', '安庆', '蚌埠', '亳州', '巢湖','滁州','阜阳', '贵池','淮北','淮化','淮南', '黄山', '九华山','六安','马鞍山', '宿州', '铜陵','屯溪','芜湖', '宣城'],
	    	['杭州','安吉','慈溪','定海','奉化','海盐', '黄岩','湖州','嘉兴','金华','临安','临海','丽水','宁波','瓯海','平湖','千岛湖', '衢州','江山','瑞安', '绍兴','嵊州','台州', '温岭','温州','余姚','舟山'],
	    	['长沙','常德','郴州','衡阳','怀化','吉首','娄底','邵阳','湘潭','益阳','岳阳','永州','张家界', '株洲'],
	    	['武汉','恩施', '鄂州','黄冈', '黄石', '荆门', '荆州','潜江','十堰','随州','武穴', '仙桃', '咸宁', '襄阳', '襄樊','孝感','宜昌'],
	    	['广州','潮阳','潮州', '澄海','东莞', '佛山', '河源','惠州','江门','揭阳', '开平','茂名','梅州','清远','汕头','汕尾', '韶关','深圳', '顺德', '阳江','英德','云浮','增城','湛江','肇庆', '中山','珠海'],
	    	['南宁','百色','北海','桂林','防城港','河池','贺州','柳州','来宾','钦州','梧州','贵港','玉林'],
	    	['南昌','抚州','赣州','吉安', '景德镇','井冈山', '九江','庐山', '萍乡','上饶', '新余','宜春', '鹰潭'],
	    	['南京','常熟','常州', '海门','淮安','江都', '江阴','昆山','连云港','南通','启东','沭阳','宿迁','苏州','太仓','泰州','同里','无锡','徐州','盐城','扬州','宜兴', '仪征', '张家港', '镇江','周庄'],
	    	['贵阳', '安顺','毕节','都匀', '凯里','六盘水', '铜仁','兴义', '玉屏', '遵义'],
	    	['成都','巴中','达州','德阳','都江堰', '峨眉山','涪陵', '广安','广元','九寨沟','康定','乐山','泸州','马尔康','绵阳','眉山','南充', '内江','攀枝花','遂宁','汶川', '西昌','雅安','宜宾','自贡', '资阳'],
	    	['海口','三亚', '五指山','琼海','儋州','文昌', '万宁','东方','定安', '屯昌', '澄迈', '临高','万宁','白沙黎族', '昌江黎族','乐东黎族','陵水黎族', '保亭黎族', '琼中黎族','西沙群岛', '南沙群岛','中沙群岛'],
	    	['福州','福安','龙岩','南平','宁德', '莆田','泉州','三明','邵武','石狮','晋江','永安', '武夷山','厦门','漳州'],
	    	['昆明','大理','保山', '楚雄', '大理', '东川','个旧','景洪', '开远', '临沧', '丽江', '六库','潞西', '曲靖','思茅', '文山', '西双版纳', '玉溪','中甸','昭通'],
	    	['银川', '固原','中卫', '石嘴山','吴忠'],
	    	['乌鲁木齐','阿克苏', '阿勒泰', '阿图什', '博乐', '昌吉','东山', '哈密', '和田', '喀什','克拉玛依', '库车','库尔勒', '奎屯', '石河子','塔城', '吐鲁番','伊宁'],
	    	['拉萨', '阿里', '昌都', '林芝', '那曲', '日喀则', '山南'],
	    	['呼和浩特','阿拉善盟','包头','赤峰','东胜','海拉尔', '集宁', '临河','通辽','乌海', '乌兰浩特', '锡林浩特'],
	    	['西宁','德令哈', '格尔木','共和', '海东','海晏','玛沁', '同仁', '玉树'],
	    	['兰州', '白银','定西', '敦煌', '甘南','金昌', '酒泉', '临夏', '平凉', '天水','武都', '武威','西峰','嘉峪关','张掖']
	    ]
	    for(var o of sss){
	    	var li = $("<li>"+o+"</li>")
	    	$("#sss").append(li)
	    }
	    var suoyin;
	    var suoyin1;
	    
	    var phone = localStorage.getItem("name");
	    var xm = localStorage.getItem("xm");
	    var addr = localStorage.getItem("addr");
	    $("footer").click(function(e){
	    	e.preventDefault();
	    	$("#addList").stop().slideToggle()
	    	
	    })
	    $("#sheng").click(function(){
	    	$("#sss").slideDown(500)
	    	str = ""
	    })
	    $("#sss>li").each(function(ind){
	    	$(this).click(function(){
	    		suoyin = ind
	    		er(ind)
	    		str += $(this).text()+"/"
	    		$("#sss").slideUp(100)
	    		$("#ss").slideDown(500)
	    		$("#ss>li").each(function(ind){
			    	$(this).click(function(){
			    		suoyin1 = ind
			    		console.log(suoyin,suoyin1)
			    		san(suoyin,suoyin1)
			    		str += $(this).text()+"/"
			    		$("#ss").slideUp(100)
			    		$("#s").slideDown(500)
			    		$("#s>li").each(function(ind){
					    	$(this).click(function(){
					    		str += $(this).text()
					    		$("#s").slideUp(100)
					    		$("#sheng").text(str)
					    	})
					    })
			    	})
			    })
	    	})
	    })
	    function er(ind){
	    	for(var a of ss[ind]){
	    		$("#ss").append($("<li>"+a+"</li>"))
	    	}
	    }
	    function san(s,b){
	    	for(var a = 0;a<10;a++){
	    		$("#s").append($("<li>"+ss[s][b]+"</li>"))
	    	}
	    }
	    $("#s>li").each(function(ind){
	    	$(this).click(function(){
	    		str += $(this).text()
	    		$("#s").slideUp(100)
	    		$("#sheng").text(str)
	    	})
	    })
	    
	    $("#xm").blur(function(){
	    	if($("xm").val()!="" && $("#sj").val()!="" && $("#dz").val()!="" && $("#sheng").text()!=""){
	    		$("#add").prop("disabled",false)
	    	}else{
	    		$("#add").prop("disabled",true)
	    	}
	    })
	    $("#sj").blur(function(){
	    	if($("xm").val()!="" && $("#sj").val()!="" && $("#dz").val()!="" && $("#sheng").text()!=""){
	    		$("#add").prop("disabled",false)
	    	}else{
	    		$("#add").prop("disabled",true)
	    	}
	    })
	    $("#dz").blur(function(){
	    	if($("xm").val()!="" && $("#sj").val()!="" && $("#dz").val()!="" && $("#sheng").text()!=""){
	    		$("#add").prop("disabled",false)
	    	}else{
	    		$("#add").prop("disabled",true)
	    	}
	    })
	    
	    $("#add").click(function(){
	    	var phone = $("#sj").val()
	    	var address = $("#dz").val()
	    	var pepleName = $("#xm").val()
	    	var abcd = $("#sheng").text().split("/")
	    	var obj = {
	    		
	    	}
//	    	$.ajax({
//	    		type:"get",
//	    		url:"http://47.92.37.168/supermarket/data/my_commodity_order.php",
//	    		async:true,
//	    		dataType : "jsonp",
//	    		jsonp : "callback",
//	    		data : {
//	    			user_phone : phone,
//	    			user_addr : addr,
//	    			user_name : xm,
//	    			consignee_phone : phone,
//	    			commodity_id : "asd",
//	    			count : "1"
//	    		},
//	    		success : function(data){
//	    			console.log(data)
//	    		}
//	    	});
	    })
	</script>
	</body>
</html>
